<script setup lang="ts">
// const router = useRouter();

// router.beforeEach((to, from) => {
//     console.log(to, from);
// });
</script>

<template>
    <div>
        <h3>hello 品创</h3>
        <NuxtLink to="/">
            <button>index page</button>
        </NuxtLink>

        <NuxtLink to="/Home">
            <button>Home page</button>
        </NuxtLink>

        <NuxtLink to="/Detail">
            <button>Detail page</button>
        </NuxtLink>

        <NuxtLink to="/Category">
            <button>Category page</button>
        </NuxtLink>

        <NuxtLink to="/About02">
            <button>About02 page</button>
        </NuxtLink>
        <NuxtLink to="/About03-admin">
            <button>About03 admin page</button>
        </NuxtLink>

        <NuxtLink to="/NestedRoutes">
            <button>NestedRoutes</button>
        </NuxtLink>

        <NuxtLink to="/HowUseMiddleware">
            <button>HowUseMiddleware</button>
        </NuxtLink>

        <NuxtLink to="/HowUseValidate">
            <button>HowUseValidate</button>
        </NuxtLink>

        <NuxtLink to="/HowDataFetch">
            <button>HowDataFetch</button>
        </NuxtLink>

        <NuxtLink to="/HowUseState">
            <button>HowUseState</button>
        </NuxtLink>

        <NuxtLink to="/HowUsePinia">
            <button>HowUsePinia</button>
        </NuxtLink>

        <!-- 路由占位 -->
        <NuxtPage></NuxtPage>
    </div>
</template>
